/* -------------------------------------------------------------- 
   layout.css
   * Sets up site layout
-------------------------------------------------------------- */
.container {
  width: 778px;
  margin: 0 auto;
}


/* layout for home page */
#content { height:1%; }
#mainContent { float:left; width:440px; }
#notice p.last a { padding-top:1px; }
#mostComments,#often { height:1%; padding-bottom:10px; }
#mostComments ul li,#often ul li { float:left; }
#mostComments li { clear:both; padding-bottom:1em; }
#mostComments li dl dd { padding-left:5px; }
#often ul li { width:100%; padding-bottom:2em; }
#often ul li dl dt,#often ul li dl dd { padding-left:5px; }
#often ul li dl dd { padding-top:5px; }
#sideContent { float:right; width:300px; }
#notice,#news { padding:10px; margin-bottom:2em; }
#comments { height:1; padding-bottom:3em; }
#comments ul li,#comments ul li dl dt,#comments ul li dl dd { float:left; }
#comments ul li { margin-bottom:10px; padding-bottom:10px; }
#comments ul li dl dt { padding-right:10px; }
#comments ul li dl dd { width:250px; }
/* layout for login page */
body#login #header { margin-top:3em; }
body#login #content { margin-top:1em; }
body#login #mainContent { float:left; width:280px; margin-left:478px; }
body#login #mainContent p { margin-bottom:10px; }
body#login #mainContent p button { margin-right:40px; }
body#login #sideContent { float:left; width:458px; margin-left:-758px; padding-bottom:3em; }
#loginDiv { margin-bottom:2em; }
#advantage { padding-left:10px; }
#advantage ul li { float:left; width:100%; padding-top:1em; padding-bottom:1.5em; }
#advantage ul li dl { margin-left:80px; }
#noAccounts p.visitor { padding-left:180px; }
/* layout for reg page */
body#reg #header { margin-top:3em; }
body#reg #content { margin-top:1em; }
body#reg #mainContent { width:460px; padding:10px; }
body#reg #mainContent h3 { margin-bottom:1em; }
body#reg #sideContent { float:right; width:260px; }
body#reg #sideContent ul { padding-left:10px; }
body#reg #sideContent ul li { float:left; width:100%; }
#manageUserInfo { padding-left:10px; padding-right:10px; padding-bottom:2em; }
#manageUserInfo p button { margin-right:40px; }
#manageUserInfo span { padding-left:10px; }
/* layout for regSucceed page */
body#regSucceed #header { margin-top:3em; }
body#regSucceed #content { margin-top:1em; }
body#regSucceed #mainContent { width:460px; padding:10px; }
body#regSucceed #mainContent h3 { margin-bottom:1em; }
body#regSucceed #sideContent { float:right; width:260px; }
body#regSucceed #sideContent ul { padding-left:10px; }
body#regSucceed #sideContent ul li { float:left; width:100%; }
/* layout for user center page */
body#myhome #myInfo { padding:10px; }
/* layout for edit user info page */
body#myhome #manageUserInfo { padding-top:1em; }
/* layout for list leechdoms */
#leechdoms #mainContent { width:80%; }
#listLeechdoms { height:1%; padding-bottom:10px; }
#listLeechdoms table { width:100%; }
#listLeechdoms table td { padding:5px 0 5px 10px; }
#listLeechdoms table td.title { padding-left:0; }
#leechdoms #sideContent { width:18%; }
#leechdoms #sideContent ul li a { margin-left:10px; }
ul.leechdom li { float:left; width:460px; }
ul.leechdom li.img { width:90px; margin-right:10px; }
ul.leechdom li.img a { padding:0; }
ul.leechdom li.img img { width:75px; height:95px; }
ul.leechdom li.name { padding-bottom:5px; }
/* layout for show leechdoms */
#showLeechdom { padding-top:1em; }
#showLeechdom table th { width:160px; }
#showLeechdom table { width:100%; }
#showLeechdom table th, #showLeechdom table td { padding:5px 0 5px 10px; }
#showLeechdom table td.goback { padding-left:180px; }
#leechdoms #comments dd.commentContent { width:500px; }
#showLeechdom table.showLeechdom { width:100%; }
#showLeechdom table.showLeechdom td { padding:5px 0 5px 5px; }
/* layout for show myhome */

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
.clear { display: inline-block; }
.clear:after, .container:after, #content:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }